import React from "react";

import "./index.scss";

const RepayItem = props => {
	const { repayData = {} } = props;
	return (
		<div className="loan-and-pay-detail-loan-item">
			<div className="loan-and-pay-item-left">
				<div className="loan-and-pay-item-left-money">
					{repayData.bankName}{" "}
					<span>{repayData.bankCardNo ? `(${repayData.bankCardNo})` : ""}</span>
				</div>
				<div className="loan-and-pay-item-left-time">{repayData.repayDate}</div>
			</div>
			<div className="loan-and-pay-item-right">
				<div className="loan-and-pay-item-right-money">
					¥ {repayData.repayAmt}
				</div>
				<div className="color-red">还款成功</div>
			</div>
		</div>
	);
};
export default RepayItem;
